<template>
    <div class="bg-cover bg-center bg-no-repeat bg-sm mt-16 md:mt-0 md:bg-md">
        <a href="https://tw.cocloud.com"><img class="max-w-100 w-52 absolute top-0 left-0 hidden md:block" src="@/assets/images/event_logo_pc.webp" alt="CO Cloud"></a>
        <header class="z-10 bg-grayHeader h-16 flex items-center justify-center w-full fixed top-0 md:hidden">
            <a href="https://tw.cocloud.com/zh-tw"><img class="w-40 m-auto" src="@/assets/images/event_logo.webp" alt="CO Cloud"/></a>
        </header>
        <div class="text-center py-28 px-4">
            <h1 class="text-white text-4xl md:text-5xl font-bold md:leading-snug mb-3">
                客製化CDN服務，<br>更快更穩定加速業務發展!
            </h1>
            <p class="text-white text-xl mb-6">全球2500+節點，一站式整合所有雲端產品</p>
            <a class="bg-orange hover:bg-orangeDark text-white text-l font-bold rounded py-4 px-14 inline-flex items-center justify-center"
                href="https://tw.cocloud.com/zh-tw/contact_us/">即刻加速</a>
        </div>
    </div>
</template>